/* eslint-disable */

import React from 'react';
import { getIconColor } from './helper';

const DEFAULT_STYLE = {
  display: 'block',
};

const IconIconChose = ({ size, color, style: _style, ...rest }) => {
  const style = _style ? { ...DEFAULT_STYLE, ..._style } : DEFAULT_STYLE;

  return (
    <svg viewBox="0 0 1024 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
      <path
        d="M512 0C229.1712 0 0 229.1712 0 512s229.1712 512 512 512 512-229.1712 512-512S794.8288 0 512 0z m244.1216 404.48L474.7264 685.6704c-9.0112 9.216-21.0944 13.7216-33.1776 13.7216-12.0832 0-23.9616-4.5056-33.1776-13.7216l-140.6976-140.6976c-18.432-18.2272-18.432-47.9232 0-66.1504 18.2272-18.432 47.9232-18.432 66.1504 0l107.52 107.52 248.0128-248.0128c18.2272-18.432 47.9232-18.432 66.1504 0 18.8416 18.2272 18.8416 47.9232 0.6144 66.1504z"
        fill={getIconColor(color, 0, '#333333')}
      />
    </svg>
  );
};

IconIconChose.defaultProps = {
  size: 18,
};

export default IconIconChose;
